<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登录</title>

    <link rel="stylesheet" href="./css/login.css" />
    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/login.js"></script>
  </head>

  <body>
    <div id="div-logo">
      <a href="./index.html">
        <span>
          <img src="./img/logo.jpg" alt="logo" id="img-logo" />
        </span>
      </a>
    </div>
    <div id="form">
      <form action="" method="post">
        <h2>登录您的沃尔玛账户</h2>
        <div id="form-email">
          <input type="text" name="email" id="email" placeholder="电子邮件(必填)" />
          <br />
          <span id="warnEmail" class="warn" hidden>&emsp;&emsp;&emsp;电子邮件输入有误！</span>
        </div>

        <div id="form-password">
          <input type="password" name="password" id="password" placeholder="密码(必填)" />
          <br />
          <span id="warnPassword" class="warn" hidden>&emsp;&emsp;&emsp;&emsp;&emsp;密码输入有误！</span>
        </div>
        <br />
        <div id="form-forget">
          <a href=""><span id="forget">忘记密码?</span></a>
        </div>

        <div id="div-keep">
          <input type="checkbox" name="keep" id="keep" />
          记住我
        </div>

        <div id="btn1">
          <div class="btn-text">登录</div>
        </div>
      </form>
    </div>

    <div id="create">
      <span id="create-text">现在没有账户?</span>
      <div id="btn2">
        <a href="./register.html">
          <div class="btn-text">注册账户</div>
        </a>
      </div>
    </div>
  </body>
</html>
